<!--
 * @Author: luosi 1297957337@qq.com
 * @Date: 2024-11-21 16:04:04
 * @LastEditors: huang liang miao 1127255342@qq.com
 * @LastEditTime: 2024-12-18 08:52:50
 * @FilePath: \sr_system_manager_ui\src\views\achievementReward\assessmentReward\researchReward\rewardResult.vue
 * @Description: 奖励结果列表
-->
<template>
  <div class="reward-result-container">
    <ScrollTabs :tabs="achvTypeList" :active="activeTab" @change="handleTabChange" />
    <div class="flex-1">
      <PersonSummary v-if="activeTab === 10"  :year="year" :reward-flag="true"/>
      <AcademicPapersSummary v-if="activeTab === 0" :year="year" :reward-flag="true" />
      <AcademicWorksSummary v-if="activeTab === 1" :year="year" :reward-flag="true" />
      <SuccessTransferSummary v-if="activeTab === 2" :year="year" :reward-flag="true" />
      <VerticalConclusionSummary v-if="activeTab === 3" :year="year" :reward-flag="true" />
      <HorizontalConclusionSummary v-if="activeTab === 4" :year="year" :reward-flag="true" />
      <GuideSummary v-if="activeTab === 5" :year="year" :reward-flag="true" />
      <KeyLaboratorySummary v-if="activeTab === 6" :year="year" :reward-flag="true" />
      <AwardSummary v-if="activeTab === 7" :year="year" :reward-flag="true" />
      <SportSummary v-if="activeTab === 8" :year="year" :reward-flag="true" />
      <OtherSummary v-if="activeTab === 9" :year="year" :reward-flag="true" />
    </div>
  </div>
</template>

<script setup lang="ts" name="RewardResult">
import { achvTypeList } from '@/utils/constText'
import PersonSummary from '../components/PersonSummary.vue';
import AcademicPapersSummary from '../components/AcademicPapersSummary.vue';
import AcademicWorksSummary from '../components/AcademicWorksSummary.vue';
import SuccessTransferSummary from '../components/SuccessTransferSummary.vue';
import VerticalConclusionSummary from '../components/VerticalConclusionSummary.vue';
import HorizontalConclusionSummary from '../components/HorizontalConclusionSummary.vue';
import GuideSummary from '../components/GuideSummary.vue'
import KeyLaboratorySummary from '../components/KeyLaboratorySummary.vue';
import AwardSummary from '../components/AwardSummary.vue';
import SportSummary from '../components/SportSummary.vue'
import OtherSummary from '../components/OtherSummary.vue'

const year = computed(() => useRoute()?.query?.year)

const activeTab = ref(10)

const handleTabChange = (val: number) => {
  activeTab.value = val
}

</script>

<style scoped lang="scss">
.reward-result-container {
  --at-apply: flex flex-col;
}
</style>